<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
    <?php
    $titulo = "Registro de Grupos Usuarios";
    $labelDescripcion = "Concepto de Cuenta";

    $apliGrillaJs = "/js/grillasmodulos/aduanas/gridDetallegruposusuario.js";
    $apliCssGeneral = "/css/cssmodulos/aduanas/Detallegruposusuario.css";
    $apliJs = "/js/jsmodulos/aduanas/detallegruposusuario.js";
    $apliJsConfigPath = "/js/configPath.js";
//    $idCamposGrilla = array("id-registro","cod_centro_costos_cta_cliente", "desc_centro_costos_cta_cliente");
    echo $this->headScript()->
            appendFile($this->baseUrl() . "/js/jquery-1.7.1.js")->
            appendFile($this->baseUrl() . "/js/jquery-ui-1.8.17.custom.min.js")->
            appendFile($this->baseUrl() . '/js/i18n/grid.locale-es.js')->
            appendFile($this->baseUrl() . '/js/jquery.jqGrid.min.js')->
            appendFile($this->baseUrl() . "/js/bootstrap.js")->
            appendFile($this->baseUrl() . $apliJs)->
            appendFile($this->baseUrl() . $apliGrillaJs)->
            appendFile($this->baseUrl() . $apliJsConfigPath)->
            appendFile($this->baseUrl() . "/js/jquery.tablescroll.js")->
            appendFile($this->baseUrl() . "/js/jquery.blockUI.js");

    echo $this->headLink()
            ->setIndent('  ')
            ->prependStylesheet($this->baseUrl() . "/css/ui.datepicker.css")
            ->prependStylesheet($this->baseUrl() . "/css/jquery-ui-1.8.17.custom.css")
            ->prependStylesheet($this->baseUrl() . "/css/bootstrap.css")
            ->prependStylesheet($this->baseUrl() . "/css/ui.jqgrid.css")
//             ->prependStylesheet($this->baseUrl() . $apliCss)
            ->prependStylesheet($this->baseUrl() . $apliCssGeneral)
            ->prependStylesheet($this->baseUrl() . "/css/bootstrap-responsive.css")
            ->prependStylesheet($this->baseUrl() . "/css/default.css")
            ->prependStylesheet($this->baseUrl() . "/css/contenedor.css");
    ?>

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

        <body>
            <CENTER>

                <div class="modal hide fade in" id="modalEditar">
                    <div class="modal-header">
                        <button data-dismiss="modal" class="close" type="button" id="cerrar-bot">�</button>
                        <div id="cabeceraModal" class="btn btn-info">
                            <h3 id="editar-nuevo"></h3>
                        </div>

                        <div class="alert alert-block hide" id="warning-block-registro">
                            <div id="warning-message-registro"></div>
                        </div>
                        <div class="alert alert-success hide" id="success-message-registro">
                            Los datos han sido almacenados exitosamente
                        </div>
                        <div class="alert alert-error hide" id="error-block-modal">
                        </div>
                        <div class="alert alert-success hide" id="limpiar-block"></div>

 
                    </div>

                    <div class="modal-body">
                        <div id="contenedor-modal">
                            <div class="row-fluid " style=" margin-left: auto; margin-right: auto; ">
                                <div class="span4 well" style="padding: 1%;">
                                    <h3>Grupo</h3>
                                    <table class=" table well form-inline" style="width: 100%">
                                            <tr>
                                                <td style="width:25%">
                                                    <label>Grupo Usuario:</label>
                                                    <div class="input-append">
                                                        <input class="input-block-level inline" name="id_det_grupo_usuario" id="id_det_grupo_usuario" type="hidden">
                                                        <input class="input-block-level inline" name="grupo-id" id="grupo-id" type="hidden">
<!--                                                        <input class="appendedPrependedInput" name="grupo-name" id="grupo-name" placeholder="Escribi el nombre del grupo">-->
                                                            <select class="appendedPrependedInput" name="grupo-name-filtro" id="grupo-name" onchange="">
                                                                <option value="-1">Seleccione</option>
                                                            </select>
                                                            <!--<button class="btn inline" type="hidden" id="confirma-grupo-name">OK!</button>-->
                                                     </div>
                                                </td>
                                             </tr>
                                            <tr>
                                                <td style="width:25%">
                                                    <label>Pantalla  :</label>
                                                    <!--<div class="input-append">-->
                                                        <input class="input-block-level" name="aplicacion-cod" id="aplicacion-cod" type="hidden">
                                                        <input class="input-block-level" name="aplicacion-cod-modulo" id="aplicacion-cod-modulo" type="hidden">
                                                        <input class="appendedPrependedInput" name="aplicacion-name" id="aplicacion-name" placeholder="Nombre de la aplicacion">
                                                            <button class="btn inline" id="valida-aplicacion-name" >OK!</button>
                                                     <!--</div>-->
                                                </td>
                                             </tr>
                                             <tr>
                                                <td style="width:25%">
                                                    <div class="controls">
                                                        <label class="checkbox">
                                                          <input type="checkbox" value="insert" name="insert">
                                                          Insertar
                                                        </label>
                                                        <label class="checkbox">
                                                          <input type="checkbox" value="update" name="update">
                                                          Modificar
                                                        </label>
                                                        <label class="checkbox">
                                                          <input type="checkbox" value="delete" name="delete">
                                                          Borrar
                                                        </label>
                                                        <label class="checkbox">
                                                          <input type="checkbox" value="list" name="list">
                                                          Listar
                                                        </label>

                                                      </div>
                                                </td>
                                             </tr>
                                            
                                          </table>
                                        <button class="btn" style="float: right" id="agrega-aplicacion-grupo">Add!</button>
                                        
                                    </div>
                                    <div class="span8 well" id="contendedor-grilla-modal" style="padding: 1%;">
                                        <h3>Grilla</h3>
                                        <table id="grillaModal"></table>
                                        <div id="PaginadorModal"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <a data-dismiss="modal" class="btn" href="#" id="cancelar-bot">Cancelar</a>
                            <a class="btn btn-info" id="guardar-registro" href="#">Guardar</a>
                        </div>
                    </div>

                <div class="container-fluid">
                    <div class="row-fluid">
                        <div class="span10" id="span10">
                            <br>
                            <div id="cabeceraFormulario" class="btn btn-info" >
                                <h1 id="cabecera-titulo" align="center" ><?php echo $titulo ?></h1>

                                <div class="alert alert-block hide" id="warning-block-registro-listado">
                                    <div id="warning-message-registro-listado"></div>
                                </div>

                                <div class="alert alert-success hide" id="success-block-registro-listado">
                                    <div id="success-message-registro-listado"></div>
                                </div>

                                <div class="alert alert-error hide" id="error-block-registro-listado">
                                </div>

                                <div class="alert alert-info hide" id="info-block-listado">
                                    <div id="info-message"></div>
                                </div>
                            </div>
                            <div id="contenedor">
                                <table border="0">
                                    <tr>
                                        <td><label for="nombreBusqueda" id="nombreBusqueda-idioma">Grupo Usuario:</label></td>
                                        <td><input id="descripcionBusqueda" maxlength="50" 
                                                   onkeypress='return validarNumerosLetrasPorcentageEspacio(event);'></input></td>
                                    </tr>
                                </table>
                            </div>
                            <div  id="tab-content">
                                <div id="contenedor" >
                                    <a id="buscarregistro"  class="btn btn-info"><img src="<?= $this->baseUrl() . "/css/images/buscar.png"; ?>" id="buscar-img" title="Buscar"  style="cursor: hand;"/></a>
                                    <a id="nuevoregistro"  class="btn btn-info"  data-toggle="modal"><img src="<?= $this->baseUrl() . "/css/images/nuevo.png"; ?>" id="nuevo-img" title="Nuevo"  style="cursor: hand;"/></a>
                                </div>
                            </div>
                            <div id="contenedor">
                                <table id="grillaRegistro"></table>
                                <div id="paginadorRegistro"></div>
                            </div>
                        </div>
                    </div>
                </div>
        </CENTER>
    </body>
</html>